<template>
    <div>
        <el-header style="text-align: right; font-size: 15px">
            <span>
                欢迎使用学籍管理系统-地区统计
            </span>
        </el-header>
        <el-table
                :data="tableData"
                border
                style="width: 100%">

            <el-table-column
                    fixed
                    prop="s_area"
                    label="地区"
                    width="100%">
            </el-table-column>


            <el-table-column
                    fixed
                    prop="total"
                    label="人数"
                    width="100%">
            </el-table-column>

        </el-table>
        <el-form>
            <el-form-item>
                <el-button type="primary" @click="backForm('ruleForm')">返 回</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
    export default {

        methods: {
            backForm() {
                this.$router.push('/Page8')
            }
        },
        created() {
            const _this = this
            axios.get('http://localhost:8181//student_num//findNum_s_area').then(function (resp) {
                _this.tableData = resp.data
            })
        },
        data() {
            return {
                total: null,
                tableData: null
            }
        }
    }


</script>